import React, { Component } from 'react';
// import logo from '../logo.svg'
import './MyEntry.scss'
import pic2 from '../imags/pic2.jpeg'
import './MySecKill.scss'


class MySecKill extends Component {
    constructor(props) {
        super(props);
        this.state = {
            arr: [
                {pic:pic2, name: 'Filorga', oldprice:'原价￥303',price:'抢购价 ￥2543' },
                {pic:pic2, name: 'CLNIQUE', oldprice:'原价￥303',price:'抢购价 ￥2543' },
                {pic:pic2, name: 'La Mer', oldprice:'原价￥303',price:'抢购价 ￥2543' },
                {pic:pic2, name: 'Giorgio Armani', oldprice:'原价￥303',price:'抢购价 ￥2543' },
                {pic:pic2, name: '国产酒', oldprice:'原价￥303',price:'抢购价 ￥2543' },
                {pic:pic2, name: '精品奢货', oldprice:'原价￥303',price:'抢购价 ￥2543' },
                {pic:pic2, name: '食品百货', oldprice:'原价￥303',price:'抢购价 ￥2543' },
                {pic:pic2, name: '母婴专区', oldprice:'原价￥303',price:'抢购价 ￥2543' },
                {pic:pic2, name: '直播专区', oldprice:'原价￥303',price:'抢购价 ￥2543' },
            ]
        }
    }
    render() {
        return (
            <div className='mysecKill'>
                <div className="goods">
                    <div className="box">
                        <h3>今日值得买</h3>
                        <h3>MORE</h3>
                    </div>
                    {
                        this.state.arr.map((item) => {
                            return (
                                <div className="list">
                                    <img src={item.pic} alt="" />
                                    <div className="name"> {item.name} </div>
                                    <div className="oldprice"> {item.oldprice} </div>
                                    <div className="price"> {item.price} </div>
                                </div>
                            )
                        })
                    }
                </div>
            </div>
        );
    }
}

export default MySecKill;